<!--  -->
<template>
  <div class="colBox" v-html="htmlStr"></div>
</template>

<script>
import BankAccountConfigData from './../utils/BankAccountConfigData'
export default {
  // import引入的组件需要注入到对象中才能使用
  name: 'colBox',
  components: {},
  props: {
    rowKey: {
      type: String,
      required: true,
    },
    colKey: {
      type: String,
      required: true,
    },
  },
  data() {
    // 这里存放数据
    return {
      htmlStr:''
    };
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {
    rowKey: {
      handler(val) {
        this.htmlStr = BankAccountConfigData[val][this.colKey]
      },
      deep: true,
      immediate: true
    },
  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  // 方法集合
  methods: {},
  }
</script>
<style lang='less' scoped>
.colBox{
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 15px;
  text-align: left;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
</style>
